				<div id="gallery">

					<a href="#" class="show">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/flowing-rock.jpg" alt="Flowing Rock" width="558" height="368" title="" alt="" rel=""/>
					</a>
					
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/grass-blades.jpg" alt="Grass Blades" width="558" height="368" title="" alt="" rel=""/>
					</a>
					
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/ladybug.jpg" alt="Ladybug" width="558" height="368" title="" alt="" rel=""/>
					</a>

					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/lightning.jpg" alt="Lightning" width="558" height="368" title="" alt="" rel=""/>
					</a>
					
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/lotus.jpg" alt="Lotus" width="558" height="368" title="" alt="" rel=""/>
					</a>
					
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/mojave.jpg" alt="Mojave" width="558" height="368" title="" alt="" rel=""/>
					</a>
						
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/pier.jpg" alt="Pier" width="558" height="368" title="" alt="" rel=""/>
					</a>
					
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/sea-mist.jpg" alt="Sea Mist" width="558" height="368" title="" alt="" rel=""/>
					</a>
					
					<a href="#">
						<img src="<?= SITE_ROOT ?>/<?= SERVER_ROOT ?>/views/images/top_slide_show/stones.jpg" alt="Stone" width="558" height="368" title="" alt="" rel=""/>
					</a>

					<div class="caption"><div class="content"></div></div>
				</div>